﻿
.page {
    width: 80%;
 
}

div.monitoringTask {
    width: 400px;
    height: 350px;
}

.preview {
    text-align: left;
}

.preview {
    position: relative;
    top: 20px;
    float:left;
}
.info {
    position: relative;
    top: 20px;
}

.info span span {
    display: inline;
}
.history {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    max-height: 108px;
    overflow: auto;
}

.history table {
    width: 100%;
}

.history td {
    padding: 3px;
}
.history table, .history td {
    border:1px solid burlywood;
}
.history table thead {
    background: darksalmon;
}
.history tbody tr:nth-child(even) {
    background-color: antiquewhite;
}

.history tbody tr:nth-child(odd) {
    background-color: white;
}